﻿<div id="menu" >
	<div class="white_bg" style="height: 31px">
		<div class="red_bg fl" style="width: 973px;">
			<div class="grey">
				<ul id="mega-menu" class="mega-menu" >
					<li class=""><a id="home_icon" class="active" href="/"><img src="../../Content/images/home_icon.png" /></a></li>
					<li class="dc-mega-li">
						<a id ="category_phone" class="alone dc-mega" href="/home/ViewMobiles" title="Điện thoại">
							Điện thoại
							<span class="dc-mega-icon"></span>
						</a>
						
						<div class="sub-container mega" style="left: 45px; margin-left: 0px; top: 31px; z-index: 1000;">

							<ul class="sub" style="display: none;">
								<div class="row" style="width: 340px;">
									<li class="mega-unit mega-hdr" style="height: 135px;">
										<ul>
											<li>
												<a title="Blackberry" href="/home/ViewMobilesBrand/BlackBerry">BlackBerry</a>
											</li>
											<li>
												<a title="SamSung" href="/home/ViewMobilesBrand/SamSung">SamSung</a>
											</li>
											<li>
												<a title="Apple iphone" href="/home/ViewMobilesBrand/SamSung">Apple</a>
											</li>
											<li>
												<a title="Pantech SKY" href="/home/ViewMobilesBrand/Sky">Pantech SKY</a>
											</li>
											<li>
												<a title="Google Nexus" href="/home/ViewMobilesBrand/Nexus">Google Nexus</a>
											</li>
										</ul>
									</li>
									
									<li class="mega-unit mega-hdr last" style="height: 135px;">
										<ul>
											<li>
												<a title="LG" href="/home/ViewMobilesBrand/LG">LG</a>
											</li>
											<li>
												<a title="Nokia" href="/home/ViewMobilesBrand/Nokia">Nokia</a>
											</li>
											<li>
												<a title="HTC" href="/home/ViewMobilesBrand/HTC">HTC</a>
											</li>
											<li>
												<a title="Motorola" href="/home/ViewMobilesBrand/Motorola">Motorola</a>
											</li>
											<li>
												<a title="Sony" href="/home/ViewMobilesBrand/Sony">Sony</a>
											</li>
										</ul>
									</li>

								</div>
							</ul>
				
						</div>
					</li>
					
					
					
					<li class="dc-mega-li">
						<a  id ="category_table" href="/home/ViewTablets" title="Máy tính bảng" class="alone dc-mega">Máy tính bảng<span class="dc-mega-icon"></span></a>
						<div class="sub-container mega" style="left: 157px; margin-left: 0px; top: 31px; z-index: 1000;">
							<ul class="sub" style="display: none;">
								<div class="row" style="width: 340px;">
									<li class="mega-unit mega-hdr" style="height: 81px;">
										<ul>
											<li><a title="Apple ipad" href="/home/ViewTabletsBrand/Apple">Apple ipad</a></li>
											<li><a title="Galaxy tab" href="/home/ViewTabletsBrand/SamSung">Galaxy tab</a></li>
											<li><a title="Blackberry playbook" href="/home/ViewTabletsBrand/BlackBerry">Blackberry playbook</a></li>
										</ul>
									</li>
									<li class="mega-unit mega-hdr last" style="height: 81px;">
										<ul>
											<li><a title="Google tablet" href="/home/ViewTabletsBrand/Nexus">Google tablet</a></li>
											<li><a title="Sony Tablet" href="/home/ViewTabletsBrand/Sony">Sony Tablet</a></li>
											<li><a title="Asus ePad" href="/home/ViewTabletsBrand/Asus">Asus ePad</a></li>
										</ul>
									</li>
								</div>
							</ul>
						</div>
					</li>
					

					

					

	@if (Request.IsAuthenticated)
	{
		<li class="">
			<a  id ="category_used" href="/admin/StatisticsDoanhSo/2013" title="Doanh Thu" class="alone ">Doanh Thu</a>
		</li>
	 
		 			<li class="">
						<a  id ="category_nv" href="/admin/ManageUser" title="Nhân viên" class="alone ">Nhân viên</a>
					</li>
					
					<li class="">
						<a  id ="category_add" href="/home/AdddProduct" title="Thêm Sản Phẩm" class="alone ">Thêm SP</a>
					</li>
					
		<li class="">
			<a  id ="category_duyet" href="/admin/ViewOrder" title="Hóa Đơn" class="alone ">Hóa Đơn</a>
		</li>
	 
					<li class="">
						<a  id ="category_duyet" href="/admin/CheckOrder" title="Duyệt Hóa Đơn" class="alone ">Duyệt HĐ</a>
					</li>
					
					<li class="">
						<a  id ="category_finish" href="/admin/Finishorder" title="Hoàn tất Hóa Đơn" class="alone ">Hoàn tất HĐ</a>
					</li>
	}
 else
 {
	 
	 <li class="dc-mega-li">
		 <a  id ="category_phukien" class="alone  dc-mega" title="Phụ kiện" href="/home/ViewPhuKiens">Phụ kiện<span class="dc-mega-icon"></span></a>
		 <div style="left: 298px; margin-left: 0px; top: 31px; z-index: 1000;" class="sub-container mega">
			 <ul style="display: none;" class="sub">
				 <div style="width: 340px;" class="row">
					 <li style="height: 54px;" class="mega-unit mega-hdr">
						 <ul>
							 <li class=""><a href="/home/ViewPhuKiensBrand/Apple" title="Phụ kiện iPad">Phụ kiện iPad</a></li>
							 <li class=""><a href="/home/ViewPhuKiensBrand/SKY" title="Phụ kiện SKY">Phụ kiện SKY</a></li>
						 </ul>
					 </li>
					 <li style="height: 54px;" class="mega-unit mega-hdr last">
						 <ul>
							 <li class=""><a href="/home/ViewPhuKiensBrand/Apple" title="Phụ kiện iPhone 5">Phụ kiện iPhone 5</a></li>
							 <li class=""><a href="/home/ViewPhuKiensBrand/SamSung" title="Phụ kiện Galaxy Note 2">Phụ kiện Galaxy Note 2</a></li>
						 </ul>
					 </li>
				 </div>
			 </ul>
		 </div>
	 </li>
	 
						 <li class="">
							 <a  id ="category_used" href="/home/ViewMobilesUsed" title="Kho máy cũ" class="alone ">Kho máy cũ</a>
						 </li>
	 
						<li class="">
							<a  id ="category_promotion" href="/home/ViewPromotion" title="Đang khuyến mãi" class="alone ">Đang khuyến mãi</a>
						</li>
					
						<li class="">
							<a  id ="category_arrive" href="/home/ViewArrive" title="Mới về" class="alone ">Mới về</a>
						</li>
					
						<li class="">
							<a  id ="category_guide" href="/home/CachMuaHangOnline" title="Hướng đẫn" class="alone ">Hướng đẫn</a>
						</li>
					
						<li class="">
							<a  id ="category_contact" href="/home/ViewLienHe" title="Liên hệ" class="alone ">Liên hệ</a>
						</li>
 }	 		

					

				</ul>
			</div>
		</div>
		<div class="fr">
			<img src="../../Content/images/right_menu.png">
		</div>

		<div class="clr"></div>

	</div>
</div>

<script>
	$(document).ready(function () {

		var category = 0;
		@if (ViewBag.category != null)
  {
		  <text>
			  category = @(ViewBag.category);
        
		  </text>
		}
			
		if (category == 1) { //phone
				$("#category_phone").addClass("black_bg");
		} else if (category == 2) {//phukien
				$("#category_table").addClass("black_bg");
		} else if (category == 3) {//
				$("#category_phukien").addClass("black_bg");
		} else if (category == 4) {
			$("#category_used").addClass("black_bg");
		} else if (category == 5) {
			$("#category_promotion").addClass("black_bg");
		}else if (category == 6) {
			$("#category_arrive").addClass("black_bg");
		}else if (category == 7) {
			$("#category_guide").addClass("black_bg");
		}else if (category == 8) {
			$("#category_contact").addClass("black_bg");
		}else if (category == 9) {
			$("#category_nv").addClass("black_bg");
		}else if (category == 10) {
			$("#category_add").addClass("black_bg");
		}else if (category == 11) {
			$("#category_duyet").addClass("black_bg");
		}else if (category == 12) {
			$("#category_finish").addClass("black_bg");
		}
		
		
	});
</script>
